<?php 

/*	Author: Gustavo Palacios
	Author: Fernando Rodas

	Project: EPS, Ciencias y Sistemas, USAC. 2014-2015	
	*/
	
		?>
<!DOCTYPE html>
<html>
    <?php
	require_once("clases/funciones.php");
	$plantilla = new Funciones;
	echo $plantilla->headerAdmin("Perfiles CEMA","Gestionamiento de Perfiles","Administrador Sitio","Perfiles"); 
	?>
	<head>
	<link href="css/multi-select.css" media="screen" rel="stylesheet" type="text/css">
	  <!-- jQuery 2.0.2 -->
        <script src="js/jquery.min.js"></script>
		
	<script>
	var usuarioId = 0;
	var idCate=0;
	$(document).ready(function() {

	
//AJAX DE SUBMIT
$("#uploadForm").on('submit',(function(e){
e.preventDefault();
var fd = new FormData(this);
fd.append("tipo", "100");
$.ajax({
url: "clases/Intermedio.php",
type: "POST",
data:  fd,
contentType: false,
cache: false,
processData:false,
success: function(data){
$("#test").html(data);
$('#myModal').modal('hide');
$('#nombre').val("");
$('#apellido').val("");
$('#correo').val("");
$('#password').val("");
$('#password2').val("");
datos1();
},
error: function(){} 	        
});

}));


$('#modif').submit(function() {
			event.preventDefault();
			var fd = new FormData(this);
					fd.append("iden", usuarioId);
				
					fd.append("tipo", "101");
					$.ajax({
					url: "clases/Intermedio.php",
					type: "POST",
					data:  fd,
					contentType: false,
					cache: false,
					processData:false,
					success: function(data){
					$("#test").html(data);
					$('#modalmodif').modal('hide');
					datosProducto();	
					},
					error: function(){} 	        
					});	
});


$('#permi').submit(function() {
			event.preventDefault();
			var fd = new FormData(this);
					fd.append("idp", idCate);
				
					fd.append("tipo", "81");
					$.ajax({
					url: "clases/Intermedio.php",
					type: "POST",
					data:  fd,
					contentType: false,
					cache: false,
					processData:false,
					success: function(data){
					$("#resultad").html(data);
				
					},
					error: function(){} 	        
					});	
});

///



	});
	window.onload = datos1();
	function datos1()
	{
	 
var fd = new FormData(this);
fd.append("tipo", "80");
	$.ajax({
url: "clases/Intermedio.php",
type: "POST",
data:  fd,
contentType: false,
cache: false,
processData:false,
success: function(data){
$("#datos").html(data);

},
error: function(){} 	        
});
	
	
	}
	
				
				
				
				
	function modificarCambios() {
	
			var nuevoNombre=document.getElementById('nombreM').value;
			var nuevoApellido=document.getElementById('apellidoM').value;
			var nuevoCorreo=document.getElementById('correoM').value;
		//	var nuevoNivel=document.getElementById('nivel').value;
			
		//	alert("valores " + nuevoNombre + " " + nuevoApellido + " " + nuevoCorreo);
			var fd = new FormData(this);
					fd.append("iden", usuarioId);
				
					fd.append("tipo", "103");
					fd.append("nuevoN",nuevoNombre);
					fd.append("nuevoA",nuevoPrecio);
					fd.append("nuevoC",nuevoDescripcion);
				//	fd.append("nuevoPes",nuevoPeso);
					//fd.append("nuevoI",nuevoImagen);
					$.ajax({
					url: "clases/Intermedio.php",
					type: "POST",
					data:  fd,
					contentType: false,
					cache: false,
					processData:false,
					success: function(data){
					$("#test").html(data);
					$('#modalmodif').modal('hide');
					datos1();	
					},
					error: function(){} 	        
					});	
	
	}
	
	
	function cargarCategorizacion(iden_categoria) {

	idCate=iden_categoria;
	var fd = new FormData();
	fd.append("id_permisos",iden_categoria);
	fd.append("tipo","79")
	$.ajax({
					url: "clases/Intermedio.php",
					type: "POST",
					data:  fd,
					contentType: false,
					cache: false,
					processData:false,
					success: function(data){
					$("#categoria-producto").html(data);
					},
					error: function(){} 	        
					});	
}


</script>

</head>


                <!-- Main content -->
                <section class="content">
					<div id="test">
					
					</div>
					
					
					<!--Comienzo de la tabla -->
					<div class="row">
                        <div class="col-xs-12">
						
						<div class="box">
                                <div class="box-header">
                                    <h3 class="box-title">Lista de Perfiles</h3>       
	
							
                                </div><!-- /.box-header -->
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button class="btn btn-success btn-lg" data-toggle="modal" data-target="#myModal">Agregar nuevo Perfil</button>
                                <div class="box-body table-responsive">
                                  
										<div id="datos">
                                        
                                        
                                        </div>	
                                    </table>
									<div id="resultad">
									</div>
									<form id="permi"  method="post"> 
									 <div id="categoria-producto">
                              
                                        </div>	
										</form>
                                </div><!-- /.box-body -->
                            </div><!-- /.box -->
						
						</div>
						
						</div>
			
					
					<!--Fin tabla -->
				

                </section><!-- /.content -->
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->
<!-- Button trigger modal -->


<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">Nuevo Perfil</h4>
      </div>
      <div class="modal-body">
        
				<!-- FORMULARIO -->
				<form id="uploadForm" action="clases/Intermedio.php" method="post">
										<div class="form-group">
                                          
                                             <div class="form-group">
											 <b>Nombre:</b>
												<input type="text" class="form-control" id="nombre" name="nombre" required>
											</div>
											
											
		
		
		<!-- TERMINA FORMULARIO -->
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
        <button type="submit" class="btn btn-primary">Guardar</button>
      </div>
	  </form>
    </div>
  </div>
</div>





<!--  INICIA MODAL MODIFICAR -->
<div class="modal fade" id="modalmodif" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">Modificar Perfil</h4>
      </div>
      <div class="modal-body">
        
				<!-- FORMULARIO -->
				<form id="modif"  method="post">
										<div class="form-group">
                                          
                                             <div class="form-group">
											 <b>Nombre:</b>
												<input type="text" class="form-control" id="nombreM" name="nombreM" required>
											</div>
											
		
		
		<!-- TERMINA FORMULARIO -->
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
        <button type="submit" class="btn btn-primary">Guardar</button>
      </div>
	  </form>
    </div>
  </div>
</div>

<!-- MODAL MODIFICAR USUARIO TERMINA -->

<!------------------------------------ MODAL PARA ELIMINAR Usuario  ----------------------------------------->
					<div class="modal fade" id="borrarProducto" tabindex="-1" role="dialog" aria-labelledby="borrarProductoLabel" aria-hidden="true">
						<div class="modal-dialog">
						<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Cerrar</span></button>
					<h4 class="modal-title" id="myModalLabel">Eliminar</h4>
				</div>
				<div class="modal-body">
				
				<h3><i class="fa fa-warning text-yellow"></i> Esta Seguro de Borrar el Perfil? </h3>
				
				</div>
				
				<div class="modal-footer">
					<button class="btn btn-primary" onclick="eliminarUsuario()">Aceptar</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
				</div>
				</div>
				</div>
			</div>'

<!------------------------------------FINAL MODAL PARA ELIMINAR USUARIO  ----------------------------------------->


      
        <!-- Bootstrap -->
        <script src="js/plugins/bootstrap.min.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="js/plugins/AdminLTE/app.js" type="text/javascript"></script>
		  <!-- DATA TABES SCRIPT -->
        
    </body>
		<script type="text/javascript">
		  function enviarId(usuario){
			window.usuarioId = usuario;
			
	  }
	  	function modalModificaId(nom,pre,descri,idp) {
			
			document.getElementById('nombreM').value=nom;
			document.getElementById('apellidoM').value=pre;
			document.getElementById('correoM').value=descri;
			window.usuarioId = idp;
			
		}
	
	 </script>
	<?php
	echo $plantilla->footerAdmin();
	?>
</html>